<table class="tlp-table doc-table-color">
    <thead>
    <tr>
        <th class="doc-color-name">Name</th>
        <th class="doc-color-variable">Variable</th>
        <th>Hexa code</th>
        <th>Background hexa code</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>
            <span class="doc-color doc-color-orange"></span>Orange
        </td>
        <td><code class="code-inline">$tlp-theme[-background]-orange</code></td>
        <td><code class="code-inline">#f79514</code></td>
        <td><code class="code-inline">#fafafa</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-blue"></span>Blue
        </td>
        <td><code class="code-inline">$tlp-theme[-background]-blue</code></td>
        <td><code class="code-inline">#1593c4</code></td>
        <td><code class="code-inline">#f3f4fa</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-green"></span>Green
        </td>
        <td><code class="code-inline">$tlp-theme[-background]-green</code></td>
        <td><code class="code-inline">#67af45</code></td>
        <td><code class="code-inline">#fafafa</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-grey"></span>Grey
        </td>
        <td><code class="code-inline">$tlp-theme[-background]-grey</code></td>
        <td><code class="code-inline">#5b6c79</code></td>
        <td><code class="code-inline">#f4f5f8</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-purple"></span>Purple
        </td>
        <td><code class="code-inline">$tlp-theme[-background]-purple</code></td>
        <td><code class="code-inline">#79558a</code></td>
        <td><code class="code-inline">#f3f4fa</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-red"></span>Red
        </td>
        <td><code class="code-inline">$tlp-theme[-background]-red</code></td>
        <td><code class="code-inline">#bd2626</code></td>
        <td><code class="code-inline">#fafafa</code></td>
    </tr>
    </tbody>
</table>
